<template>
    <div>
        <v-top>
            <h3>确认订单</h3>
        </v-top>
        <!-- 填写信息栏 -->
        <nav>
            <div class="adr flexC">
                <h4>
                    <span class="name">代用名</span>
                    <span class="tel">18898390093</span>
                </h4>
                <p class="font28">北京 北京市 昌平区 朱辛庄中公教育实训基地IT教学楼 2号楼 2202室</p>
            </div>
        </nav>
        <!-- 中间内容 -->
        <article class="content">
            <!-- 店铺 -->
            <section class="flex">
                <div class="conNav-left flex">
                    <div class="radius"></div>
                    <strong class="font32">品牌精选</strong>
                </div>
                <div class="conNav-right">
                    <span class="font24">已免运费</span>
                    <span class="font24">领券</span>
                </div>
            </section>
            <!-- 商品 -->
            <section>
                <ul>
                    <li class="flex">
                        <div class="commodityLeft">
                            <img src="../assets/img/01.png" alt="">
                        </div>
                        <div class="introduce flexC">
                            <h4 class="font32">溪牧原山茶花洁面泡沫 氨基酸洗面奶150ML 浸透舒缓</h4>
                            <div class="flexC">
                                <div class="O-comNum flex">
                                    <p class="money">
                                        <b class="font20">￥</b>
                                        <span>999</span>
                                    </p>
                                    <span class="font32">×1</span>
                                </div>
                                <div class="title">
                                    <span class="font20 bgFF8066">7天无理由退货</span>
                                    <span class="font20 bgFF8066">特价</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <ul>
                    <li class="flex">
                        <div class="commodityLeft">
                            <img src="../assets/img/02.png" alt="">
                        </div>
                        <div class="introduce flexC">
                            <h4 class="font32">水肌美男士清爽控油洗面奶100g</h4>
                            <div class="flexC">
                                <div class="O-comNum flex">
                                    <p class="money">
                                        <b class="font20">￥</b>
                                        <span>999</span>
                                    </p>
                                    <span class="font32">×1</span>
                                </div>
                                <div class="title">
                                    <span class="font20 bgFF8066">7天无理由退货</span>
                                    <span class="font20 bgFF8066">特价</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </section>
            <!-- 服务 售后 -->
            <section class="service">
                <dl class="flex">
                    <dt class="font24">发票类型</dt>
                    <dd class="font24">
                        不开发票
                        <i class="iconfont icon-arrow-right"></i>
                    </dd>
                </dl>
                <dl class="flex">
                    <dt class="font24">售后免邮</dt>
                    <dd class="font24 color666">
                        部分商家赠送
                    </dd>
                </dl>
                <dl class="flex">
                    <dt class="font24">买家留言</dt>
                    <dd class="font24 color666">
                        填写内容需要与商家协商并确认，45字以内
                    </dd>
                </dl>
            </section>
            <!-- 结算 -->
            <section class="service balance">
                <dl class="flex">
                    <dt class="font24">商品金额</dt>
                    <dd class="font24 color666">
                        ￥1998
                    </dd>
                </dl>
                <dl class="flex">
                    <dt class="font24">优惠活动</dt>
                    <dd class="font24 colorFF6040">
                        -￥200
                    </dd>
                </dl>
                <dl class="flex">
                    <dt class="font24">优惠券</dt>
                    <dd class="font24">
                        暂无可用
                    </dd>
                </dl>
            </section>
        </article>
        <!-- <v-footer></v-footer> -->
                <!-- 底部 -->
        <footer class="footer">
            <div class="payfor flex">
                <div class="flex">
                    <p class="flexC">
                        <strong class="font32">合计</strong>
                        <span class="font20">已免运费</span>
                    </p>
                    <p class="money flexC">
                        <span>￥1998</span>
                        <span class="font20">已优惠￥200元</span>
                    </p>
                </div>
                <input type="submit" value="确认订单" class="font32">
            </div>
        </footer>
    </div>
</template>

<script>
import {orderadd} from '../utils/api'
export default {
    mounted(){
        orderadd({
     "uid":"6e7dd8d0-f1b4-11ea-84da-07a5d6e2f2fe",
     "address":1,
     "countmoney":10598,
     "countnumber":2,
     "idstr": "8,4"
    }).then(res=>{
            console.log(res);
        })
    }
};
</script>

<style scoped>
/* @import '../assets/' */
@import '../assets/css/confirmOrder.css';
</style>
